<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>发展中心之声</title>
    <link rel="stylesheet" href="style/style.css" />
    <link rel="icon" href="images/logo.jpg" />
  </head>
  <body>
    <!-- 头部 -->
    <header>
      <a href="index.html"
        ><img class="logo" src="images/logo.jpg" alt="logo"
      /></a>
      <a href="index.html"><h1>发展中心之声</h1></a>
    </header>
    <!-- 导航栏 -->
    <nav>
      <a href="#"><p class="daoHang">页面1</p></a>
      <a href="#"><p class="daoHang">页面2</p></a>
      <a href="#"><p class="daoHang">页面3</p></a>
      <a href="#"><p class="daoHang">页面4</p></a>
    </nav>
    <!-- 内容区 -->
    <main>
      <!-- 左侧 -->
      <div class="gongGao">
        <h2 class="gongGao-h2">
          3月18日快讯：受昨夜降雪影响，我校操场将暂停开放
        </h2>
        <div class="gongGao-img">
          <img class="gG-img" src="images/test.jpg" alt="test" />
        </div>
        <p class="gongGao-p">
          测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本
          测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本
          测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本
          测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本
          测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本
          测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本
          测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本
          测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本
        </p>
      </div>
      <!-- 右侧 -->
      <div class="tuiSong-fenQu">
        <div class="time">
          <h2 class="time-h2">当前时间</h2>
          <p class="time-p" id="time-pp">时间</p>
        </div>
        <div class="tuiSong">
          <h2 class="tuiSong-h2">功能组件</h2>
          <div class="tuisong-function"></div>
        </div>
        <div class="fenQu">
          <h2 class="fenQu-h2">专区导航</h2>
          <a href="#"><p class="fenQu-p">分区1</p></a>
          <a href="#"><p class="fenQu-p">分区2</p></a>
          <a href="#"><p class="fenQu-p">分区3</p></a>
          <a href="#"><p class="fenQu-p">分区4</p></a>
        </div>
      </div>
    </main>
    <!-- 尾部 -->
    <footer>
      <p class="youqing">
        友情链接：<a
          href="https://baike.baidu.com/link?url=aQA16AoMwWgmOQwZbqDXnwW5nzS306nGgZBczz2fkEuWNnwIhHtwDxp1LKh_7naG3FZ5hv5Bgi0I1w-DkkSt_RNXvUL7JW9C1a69XdqmvIwIIpC477Rs9vjVXa4QhDZJoN1768SBiBdeuNJwJRhQoGINEsZYdBleI9QaC3UYH0_JmPPOxkDewsCk_XCd-MhgK_QanX-kJM60htl59KTvW6Aip2OjXc0-cHLVKakowYm"
          >百度百科：北京市丰台区丰台第二中学</a
        >
      </p>
    </footer>
    <script src="js/script.js"></script>
  </body>
</html>
